<div id="news-popup" class="hidden">
    <div id="news-popup-inner">
        <div id="news-popup-inner-header">
            <img id="close-popup" src="/adminarea/img/icon.png">
        </div>
        <?php
        $form = $this->beginWidget('CActiveForm', array(
            'id' => 'admin-area-profile-form',
            //'action' => '/main/ajax/contactJoin',
            'enableClientValidation' => true,
            'htmlOptions' => array('class' => 'form', 'novalidate' => 'novalidate'),
            'clientOptions' => array(
                'validateOnSubmit' => true,
            ),
        ));
        ?>
        <div>
            <?php echo $form->error($model, 'news_title'); ?>
            <?php echo $form->error($model, 'news_description'); ?>    
        </div>
        <div id="news-popup-content">				
            <p>Добавить новость</p>
            <div id="news-popup-content-inner">				
                <input type="hidden" name="message-action" value="add">
                <?php echo $form->textField($model, 'news_title', array('placeholder' => 'Название новости', 'class' => 'text-field')); ?>

                <?php echo $form->textArea($model, 'news_description', array('placeholder' => 'Текст новости', 'class' => 'text-area')); ?>                
            </div>
            <div class="clear"></div>
        </div>
        <div id="news-popup-inner-footer">
            <button id="news-popup-add-button" class="single-button">Добавить</button>
        </div>
        <?php $this->endWidget(); ?>
    </div>
</div>

<h1>Новости системы</h1>
<div id="add-new-message-outer"><a id="add-new-message" class="single-button" href="#">Добавить новость</a></div>
<p>На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее. На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее.</p>			
<div id="content-inner">
    <form enctype="multipart/form-data" action="/manage/news/deleteArr" method="post" name="admin-area-news-form">
        <div id="content-inner-top">
            <span class="in-row">Отмеченные в таблице новости </span>
            <div class="select-style w126px to-left">
                <select name="message-action" class="select-styled w146px">
                    <option selected>Выбрать</option>
                    <option value="remove">удалить</option>								
                </select>														
            </div>					
            <div class="clear"></div>
        </div>
        <table class="admin-area-table">
            <thead>
                <tr>
                    <th><div class="title"><input type="checkbox" id="checkbox-head" class="table-head-checkbox"><label for="checkbox-head" class="for-table-checkbox"></label></div></th>
            <th><div class="title large-cell"><p>Тема сообщения</p></div></th>
            <th><div class="title mid-cell"><p>Дата</p></div></th>
            <th><div class="title"><img class="eye-action-head" src="/adminarea/img/icon.png"></div></th>
            </tr>
            </thead>
            <tbody>
                <?php foreach ($models as $news): ?>
                    <tr id="table-row-<?php echo $news['news_id']; ?>">
                        <td>
                            <div class="cell">
                                <input type="checkbox" id="checkbox-<?php echo $news['news_id']; ?>" class="table-checkbox" name="ids[]" value="<?php echo $news['news_id']; ?>">
                                <label for="checkbox-<?php echo $news['news_id']; ?>" class="for-table-checkbox"></label>
                            </div>
                        </td>								
                        <td><div class="cell large-cell"><p><?php echo $news['news_title']; ?></p></div></td>
                        <td><div class="cell mid-cell"><p><?php echo date('d.m.Y', $news['news_created']); ?></p></div></td>								
                        <td><div class="cell"><img class="eye-action" src="/adminarea/img/icon.png"></div></td>
                    </tr>
                    <tr class="hidden table-row-<?php echo $news['news_id']; ?>">
                        <td colspan="4">
                            <div class="extended-row-inner">
                                <div class="extended-row-inner-content">
                                    <div class="message-content">
                                        <?php echo $news['news_description']; ?>
                                    </div>											
                                </div>
                                <div class="extended-row-inner-footer">
                                    <?php echo CHtml::link('Удалить', array('news/delete', 'id' => $news['news_id']), array('confirm' => 'Удалить?', 'class' => 'single-button')); ?>
                                </div>
                            </div>
                        </td>
                    </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </form>
</div>

<script type="text/javascript">
    function resetTableView() {
        $("table.admin-area-table tr.extracted").each(function () {
            if ($(this).attr("id")) {
                $(this).removeClass("extracted");
            } else {
                $(this).addClass("hidden");
                $(this).removeClass("extracted");
            }
        });
    }
</script>
<script type="text/javascript">
    $(function () {
        $("img.eye-action").click(function () {
            var a = $(this).parent().parent().parent();
            var b = a.attr("id");
            var c = a.parent();
            var d = c.find("tr." + b);
            if (d.hasClass("hidden")) {
                resetTableView();
                d.removeClass("hidden");
                d.addClass("extracted");
                a.addClass("extracted");
            } else {
                d.addClass("hidden");
                d.removeClass("extracted");
                a.removeClass("extracted");
            }
        });
    });
</script>
<script type="text/javascript">
    $(function () {
        $("select[name=message-action]").change(function () {
            var a = $("table tbody").find("input[type=checkbox]:checked").attr("id");
            if ($.trim(a) != "" && $(this).val() == "remove") {
                if (confirm("Удалить?"))
                    $("form[name=admin-area-news-form]").submit();
            } else {
                return false;
            }
        });
    });
</script>